@import url(../css/command.css);
@import url(../css/rest.css);
@import url(../utils/iconfont.css);

// 整体
.warp{
    width: 100vw;
    header{
        width: 94.6667vw;
        margin: 0 2.6667vw;
        //.header_top使用公共样式
        .header_mid{
           width: 100%;
           display: flex;
           justify-content: space-between;
           margin: 2.6667vw 0;
              .header_navbox{
                width: 19.7333vw;
                   img{
                    width: 100%;
                    display: block;
                    margin-bottom: 1.3333vw;
                   }
                   p{
                    text-align: center;
                    font-size: 3.4667vmin;
                   }
            }
        }
        .header_botm{
            width: 100%;
            display: flex;
            justify-content: center;
             .process_radius{
                 width: 2.4vw;
                 height: 2.4vw;
                 margin: 0 .5333vw;
                 border-radius: 1.2vw;
                 background-color: #ff9344;
                 opacity: 0.5;
             }
             & div:nth-of-type(1){
                opacity: 1;
             }
        }
    }
    // 主体内容区

    main{
        width: 94.6667vw;
        margin: 0 2.6667vw;
        // 相同内容区块
        .main_cont{
            width: 100%;
            margin-bottom: 6.6667vw;
            // 图片列表
            .main_cont_list{
                width: 100%;
                display: flex;
                justify-content: space-between;
                // 图片盒子
                .cont_lsit_box{
                    width: 17.7333vw;
                    img{
                        display: block;
                        width: 100%;
                    }
                }
            }
        }
    }
    // footer使用公共样式
    footer{
       .navb_list{
        .nav_box{
            .classification{
                .classif_radius{
                    background-color: #ff9344;
                }
            }
        }
       }
    }
}